@layout("/common/_container.html"){
<style>
    ul{  padding: 0;  }
    .nav_ul{  border-bottom: 5px solid #30add2;  margin-bottom: 15px;  }
    .nav_ul>li>a{  color: #565656;  border: 1px solid #dddddd;  }
    .nav_table{  margin-top: 10px;  }
    .ul_flex {  display: flex;  padding: 0;  }
    .ul_flex > li {  flex: 1;  }
    .ul_flex ul {  padding: 0;  }
    .ul_flex ul > li {  line-height: 52px;  }
    .ul_flex span {  display: inline-block;  width: 110px;  }
    .home_box{  border: 1px solid white;  border-radius: 5px;  overflow: hidden;  padding-bottom: 30px;  }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background: #30add2;
        border-bottom:1px solid #30add2;
        color: white;
    }
    #navBox>li{width: 130px;text-align: center}
</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content" id="addVisitedInfoForm">
        <div id="isDealInfoForm">
            <div style="display: none">
                <input id="arrears" value="0">
                <input type="hidden" id="sortMap" value="">
                <input type="hidden" id="id" value="${consultantInfo.id}">
                <input type="hidden" id="customerId" value="${customerId}">
                <input type="hidden" id="reservationsId" value="${consultantInfo.reservationsId}">
                <input type="hidden" id="userName" value="${userName}">
                <input type="hidden" id="arrivalStore" value="${consultantInfo.arrivalStore}">
                <input type="hidden" id="customerStatus" value="${consultantInfo.customerStatus}">
            </div>

            <div class="row" style="background: #f7f7f7;border: 1px solid #dddddd;border-radius: 3px;">
                <p style="margin-top: 25px;">
                    <span style="margin-left: 10px;font-size: 2em;font-weight: bolder;">${consultantInfo.customerName}</span>
                    <span style="margin-left: 2%;">${consultantInfo.customerAge}</span>
                    <span style="margin-left: 1%">
                        <select style="border: none;-webkit-appearance: none;" id="customerSex" name="customerSex">
                            <option value="${consultantInfo.customerSex}">${consultantInfo.sex}</option>
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </span>
                    <span style="margin-left: 4%;">电话：${consultantInfo.customerPhone}</span>
                    <span style="margin-left: 4%;">病历：${consultantInfo.medicalRecordNumber}</span>
                    <span style="margin-left: 4%;">现场TC：${consultantInfo.tcName}</span>
                </p>
            </div>
            <div class="row">
                <div class="nav_table" id="consultantInfoForm">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav_ul" role="tablist" id="navBox">
                        <li role="presentation" class="active onRecord"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">患者信息</a></li>
                        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">病历</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">影像</a></li>
                        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">随访</a></li>
                        <li role="presentation"><a href="#examination" aria-controls="examination" role="tab" data-toggle="tab">看诊记录</a></li>
                        <li role="presentation"><a href="#dealed" aria-controls="dealed" role="tab" data-toggle="tab">成交记录</a></li>
                        <li role="presentation"><a href="#visit" aria-controls="visit" role="tab" data-toggle="tab">就诊详情</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content content_box" id="contentBox">

                        <div role="tabpanel" class="tab-pane active onRecord" id="home" >
                            @layout("/tcCenter/consultant/consultant_informationed.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane" id="profile">
                            @layout("/doctorLooked/caseInfoPage.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane arrived" id="messages" >
                            @layout("/doctorLooked/upload_icon.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane" id="settings">
                            @layout("/doctorLooked/doctor_follows.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane arrived" id="examination">
                            <div class="home_box" style="background: #f7f7f7;position: relative">
                                <div style="background: #cccccc;width: 7px;position: absolute;top: 50px;left: 3%;bottom: 0;">
                                    <span class="glyphicon glyphicon-record" style="color:#30add1;
                                    font-size: 4em;margin: -30px 0 0 -21px;"></span>
                                </div>
                                <div style="width: 54%;margin-left: 7%">
                                    <#sortDiagnosisDetail  id="sortDiagnosisDetail" list="${consultantInfoList}"/>
                                </div>
                            </div>
                        </div>

                        <div role="tabpanel" class="tab-pane arrived" id="dealed">
                            <div class="home_box" style="background: #f7f7f7;position: relative">
                                <div style="background: #cccccc;width: 7px;position: absolute;top: 50px;left: 3%;bottom: 0;">
                                    <span class="glyphicon glyphicon-record" style="color:#30add1;
                                    font-size: 4em;margin: -30px 0 0 -21px;"></span>
                                </div>
                                <div style="width: 54%;margin-left: 7%">
                                    <#openBillTimeListed  id="openBillTimeListed" list="${payServiceInfoList}"/>
                                </div>
                            </div>
                        </div>







                        <div role="tabpanel" class="tab-pane" id="visit">
                            <div class="home_box" style="background: #f7f7f7;position: relative">
                                <div style="background: #cccccc;width: 7px;position: absolute;top: 50px;left: 3%;bottom: 0;">
                                    <span class="glyphicon glyphicon-record" style="color:#30add1;
                                    font-size: 4em;margin: -30px 0 0 -21px;"></span>
                                </div>
                                <ul style="margin-left: 7%;">
                                @for(item in doctorDiagnosisInfo){
                                    <li style="width: 50%;box-shadow: 2px 2px 3px #888888;border-bottom: 10px solid #5cdfc0;position: relative;background:white;margin-top: 30px;">
                                        <div style="padding:10px 0 0 20px;">
                                            <p><span style="font-size: 2em;font-weight: bold">${item.diagnoseTime}</span>&nbsp;<span>${item.outpatientName}</span>&nbsp;<span>【${item.arrivalStore}】</span></p>
                                            <p>医生：<span>${item.doctor}</span>&nbsp;咨询师：<span>${item.fieldTc}</span></p>
                                            <p>项目：<span>${item.payServiceName}</span></p>
                                            <p>备注：<span>${item.remarks}</span></p>
                                        </div>
                                    </li>
                                @}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $("#navBox li:eq(1) a").tab('show')
    })
</script>
@}
